<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <link rel="stylesheet" href="../statics/css/amazeui.min.css">
  <link rel="stylesheet" href="../statics/css/animate.css">
  <link rel="stylesheet" href="../statics/css/layout.css">
  <link rel="stylesheet" href="../statics/css/pages.css">
  <link rel="stylesheet" href="../statics/iconfont/iconfont.css">
  <link rel="stylesheet" href="../statics/css/jq-pages.css">
  <link rel="stylesheet" href="../statics/css/demo.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="../statics/css/venobox/venobox.css" type="text/css" media="screen" />
  <script src="../statics/js/jquery-1.11.0.min.js"></script>
  <script src="../statics/js/amazeui.min.js"></script>
  <script src="../statics/js/amazeui.lazyload.min.js"></script>
  <script src="../statics/js/jq-pages.js"></script>
  <script type="text/javascript" src="../statics/js/venobox/venobox.min.js"></script>
</head>

<body>
  <style>
    body {
      background-color: #f2f2f2;
    }

    #main-nav-hold .main-nav,
    .am-nav,
    .rb-topnav,
    .rb-topbar {
      background: #192C69;
    }
    @media screen and (max-width:767px) {
      .rb-topbar {
        background: #fff;
      }
    }
    .rb-topnav .rb-pagenav .item>a,
    #main-nav-hold a {
      color: #eee;
    }

    .rb-pagenav .item a.nav-btn {
      color: #787878;
    }

    .rb-pagenav .item a.rb-active,
    .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-topnav .rb-pagenav .item a.rb-active,
    .rb-topnav .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-language {
      color: #ddd;
    }

    .sb-search-input {
      background-color: #fff;
    }
    .sb-search-input::placeholder {
      color: #999 !important;
    }
    .sb-icon-search,
    .sb-search-submit {
      background: url('../statics/images/search-3.png') no-repeat 10px 14px;
    }

    .rb-footer {
      border-top: 1px solid #f6f5f5;
      background-color: #fff;
    }

    .am-slider-content {
      top: 45%;
    }
    .new-banner {
      height: 600px;
    }
    @media (max-width: 768px) {
      .new-banner {
        height: 400px;
      }
      .am-slider-i2 .am-slider-desc{
        top: 49% !important;
      }
    }
  </style>
  <header class="rb-topbar">
    <div class="amz-container">
      <!--logo-->
      <h1 class="am-topbar-brand rb-brand ">
        <a href="/dsf-web" class="rb-logo">
          <img src="../statics/images/logo.png" alt="/"> </a>
      </h1>
      <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-show-sm-only"
        data-am-collapse="{target: '#doc-topbar-collapse-1'}">
        <span class="am-sr-only">
          导航切换
        </span>
        <span class="iconfont icon-bars">
        </span>
      </button>
      <!--#include file="/public/html/menu.html"-->
    </div>
  </header>
  <div class="new-banner am-slider-i2"
    style="width:100%;background: url(../statics/images/news/banner.jpg) no-repeat;background-size: cover;position: relative;">
    <div class="am-container am-slider-desc">
      <div class="am-slider-content">
        <h3 class="up-en am-slider-title am-animation-slide-left" style="color:#fff;"
          data-am-scrollspy="{animation: 'slide-left', delay: 100}">news</h3>
        <h3 data-am-scrollspy="{animation:'slide-right', delay: 500}" class="up-cn am-animation-slide-right" style="color:#fff;">新闻动态
        </h3>
        <i data-am-scrollspy="{animation:'slide-bottom', delay: 700}" style="background-color:#fff;"
          class="am-animation-slide-bottom"></i>
        <div data-am-scrollspy="{animation:'slide-left', delay: 1200}" class="rb-bantxt am-animation-slide-right" style="color:#fff;">并联机器人的特点呈现为无累积误差，精度较高；驱动装置可置于定平台上或接近定平台的位置，这样运动部分重量轻，速度高，动态响应好。
        </div>
      </div>
    </div>
  </div>
  <div class="amz-container">
    <div class="amz-container rb-hg80"></div>
    <div class="am-container-1 am-g rb-list">
      <div class="am-u-lg-8 am-u-md-8 am-u-sm-12 rb-list2 am-animation-slide-left"
        data-am-scrollspy="{animation: 'slide-left', delay: 300}">
        <a href="/views/new-detail.html">
          <div class="rb-news rb-listbig">
            <div class="rb-newslistcon">
              <h3>“历九弥新 筑梦前行”</h3>
              <p>​历九弥新 筑梦前行昨日，济南翼菲自动化科技有限公司九周年年度盛会隆重举行。这场声势浩大的年度盛会以历九弥新 筑梦前行为主题，公司 </p>
              <span>2021年06月26日</span>
            </div>
            <img src="../statics/images/news/new01.jpg" alt="" />
          </div>
        </a>
      </div>
      <div class="am-u-lg-4 am-u-md-4 am-u-sm-12 rb-list2 am-avg-1 am-animation-slide-right"
        data-am-scrollspy="{animation: 'slide-right', delay: 300}">
        <a href="/views/new-detail.html">
          <div class="rb-news rb-ssimg rb-listsig-1">
            <div class="rb-newslistcon">
              <p>今天上午翼菲自动化迎来了一批特殊的小客人他们是济南外国语学校初中部的学生们当稚嫩的孩童遇见未知的工业机器人知识世界会有怎样的化学反 </p>
              <span>2021年06月04日</span>
            </div>
            <img src="../statics/images/news/new02.jpg" alt="" />
          </div>
        </a>
      </div>
      <div class="am-u-lg-4 am-u-md-4 am-u-sm-12 rb-list2 am-avg-1 am-animation-slide-right"
        data-am-scrollspy="{animation: 'slide-right', delay: 300}">
        <a href="/views/new-detail.html">
          <div class="rb-news rb-ssimg rb-listsig-2">
            <div class="rb-newslistcon">
              <p>昨日，第二十八届生活用纸国际科技展览会在南京国际博览中心拉开帷幕。生活用纸国际科技展览会作为行业每年一次的重要技术交流和商贸活动， </p>
              <span>2021年05月27日</span>
            </div>
            <img src="../statics/images/news/new03.jpg" alt="" />
          </div>
        </a>
      </div>
    </div>
    <div style="text-align: center;margin:50px auto 0;">
			<div id="pager" class="pager clearfix">
			</div>
		</div>
    <div class="amz-container rb-hg80"></div>
    <script src="../statics/js/canvas.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
        var hbimg = $(".rb-listbig").height();
        var wbimg = $(".rb-listbig").width();
        var hsimg = $(".rb-ssimg").height();
        var wsimg = $(".rb-ssimg").width();

        $(".rb-listbig img").css({
          "height": hbimg,
          "width": wbimg
        });
        $(".rb-ssimg img").css({
          "height": hsimg,
          "width": wsimg
        });

        $('.venoboxinline').venobox({
          framewidth: '100%',
          frameheight: '100%',
          bgcolor: '#ffffff'
        });
      })
      $("#pager").zPager({
        totalData: 50,
        current: 1,
        htmlBox: $('#wraper'),
        btnShow: true,
        ajaxSetData: false
      });
      
      function currentPage(currentPage){
        /*
          触发页码数位置： Page/js/jquery.z-pager.js 64行
        */
        console.log("当前页码数：" + currentPage);
      }
    </script>

  </div>
  <!--#include file="/public/html/footer.html"-->
</body>

</html>